<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>塞纳皇宫-网站后台管理系统</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="icon" href="/static/admin/img/logo.png" type="image/x-icon">
    <link rel="shortcut icon" href="favicon.ico"> <link href="/static/admin/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="/static/admin/css/font-awesome.css?v=4.4.0" rel="stylesheet">

    <link href="/static/admin/css/style.css?v=4.1.0" rel="stylesheet">
    <link href="/static/admin/css/plugins/datapicker/datepicker3.css" rel="stylesheet">
    <link href="/static/admin/css/plugins/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css" rel="stylesheet">

    <link href="/static/admin/css/plugins/summernote/summernote.css" rel="stylesheet">

    <script src="/static/admin/js/city/jquery-1.11.3.min.js"></script>

    <script src="/static/admin/editor/ueditor.config.js"></script>
    <script src="/static/admin/editor/ueditor.all.js"></script>

    <!-- 全局/static/admin//static/admin//static/admin/js -->
    <script src="/static/admin/js/bootstrap.min.js?v=3.3.6"></script>
    <!-- 自定义js -->
    <script src="/static/admin/js/content.js?v=1.0.0"></script>
    <!-- jQuery Validation plugin javascript-->
    <!-- <script src="/static/admin/js/plugins/validate/jquery.validate.min.js"></script>-->
    <!--<script src="/static/admin/js/plugins/validate/messages_zh.min.js"></script>-->
    <!--<script src="/static/admin/js/demo/form-validate-demo.js"></script>-->
    <style>

        .uploadbtn{position: absolute;padding: 5px 10px;background: #23b7e5;border-radius: 5px;color: #ffffff;z-index: 4}
        .uploadbtn:hover{background: #19a9d5;cursor: pointer;}
        .form-control{cursor: pointer;}
    </style>

</head>

<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-sm-12">


                <div class="tabs-left">
                    <ul class="nav nav-tabs">
                        <li class="active"><a data-toggle="tab" href="#tab-8" id="add-works">添加/编辑</a>
                        </li>
                       <!-- <li class=""><a data-toggle="tab" id="duotu-upload"  href="#tab-9">多图上传</a>
                        </li>-->
                    </ul>
                </div>

            </div>

    </div>

    <div class="ibox-content" id="tab-8">
        <form class="form-horizontal m-t" id="works-form" action="" method="post" onsubmit="return subForm()"  enctype="multipart/form-data" >
            <input name="id" id="id" value="{if isset($data)}{$data.id}{/if}" type="hidden">
            <div class="form-group">
                <label class="col-sm-1 control-label">标题：</label>
                <div class="col-sm-2">
                    <input id="title" name="title"  class="form-control" type="text" required=""  value="{if isset($data)}{$data.title}{/if}">
                    <!--  <span class="help-block m-b-none"><i class="fa fa-info-circle"></i>请输入公司名称</span>-->
                </div>
            </div>

            <div class="form-group">
                <label class="col-sm-1 control-label">主图：</label>
                <div class="col-sm-2">
                    <input id="main_img"  class="form-control" type="file" name="main_img" onchange="uploadImg(this,'imgupload')"  style="padding: 0;position: absolute; opacity: 0;z-index: 3 ;cursor: pointer;width:20px;">
                    <p class="uploadbtn" >点击上传图片</p>
                    <span  style="margin-left: 120px; margin-top: 5px; width: 200px;" class="help-block m-b-none">图片尺寸：660 x 365 </span>
                    <input type="hidden" name="main_img" value="{if isset($data)}{$data.main_img}{/if}" >
                    {if isset($data) && $data.main_img !==''}
                    <img id ="imgupload"  class='willshow' src="{if isset($data)}{$data.main_img}{/if}" style=" display:block;max-height: 200px;margin-top: 32px"/>
                    {else}
                    <img id ="imgupload"  class='willshow' src="{if isset($data)}{$data.main_img}{/if}" style=" display:none;max-height: 200px;margin-top: 32px"/>
                    {/if}
                </div>

            </div>
            <div class="form-group">
                <label class="col-sm-1 control-label">显示状态：</label>
                <div style="margin-left: 20px;" class="radio radio-info radio-inline">
                    <input type="radio" id="inlineRadio1" value="1" name="is_show" checked="" {if isset($data) && $data.is_show ==1 }checked{/if}>
                    <label for="inlineRadio1"> 显示</label>
                </div>
                <div style="margin-left: 20px;" class="radio radio-inline radio-danger">
                    <input type="radio" id="inlineRadio2" value="0" name="is_show" {if isset($data) && $data.is_show ==0 }checked{/if}>
                    <label for="inlineRadio2"> 不显示</label>
                </div>
            </div>
           <!-- <div class="form-group">
                <label class="col-sm-1 control-label">首页推荐：</label>
                <div style="margin-left: 20px;" class="radio radio-info radio-inline">
                    <input type="radio" id="inlineRadio5" value="1" name="is_recom"  {if isset($data) && $data.is_recom ==1 }checked{/if}>
                    <label for="inlineRadio5"> 是</label>
                </div>
                <div style="margin-left: 45px;" class="radio radio-inline radio-danger">
                    <input type="radio" id="inlineRadio6" value="0" name="is_recom" {if !isset($data)} checked{/if} {if isset($data) && $data.is_recom ==0 }checked{/if}>
                    <label for="inlineRadio6"> 否</label>
                </div>
            </div>-->
            <div class="form-group">
                <label class="col-sm-1 control-label">发布日期：</label>
                <div class="col-sm-10">
                    <input readonly class="form-control layer-date" id="fb_time" required="" name="fb_time" value="{if isset($data)}{$data.fb_time|date="Y-m-d",###}{/if}">
                    <label class="laydate-icon inline demoicon" onclick="laydate({elem: '#fb_time'});"></label>
                </div>
            </div>



            <div class="form-group">
                <label class="col-sm-1 control-label">简介：</label>
                <div class="col-sm-3">
                    <textarea style="height: 100px;" id="intro"  class="form-control"  aria-required="true" name="intro">{if isset($data)}{$data.intro}{/if}</textarea>
                </div>
            </div>

            <div class="form-group">
                <label class="col-sm-1 control-label">SEO标题：</label>
                <div class="col-sm-3">
                    <input id="titlseo_titlee" name="seo_title"  class="form-control" type="text"  value="{if isset($data)}{$data.seo_title}{/if}">
                    <!--  <span class="help-block m-b-none"><i class="fa fa-info-circle"></i>请输入公司名称</span>-->
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-1 control-label">SEO关键词：</label>
                <div class="col-sm-3">
                    <input id="seo_keywords" name="seo_keywords"  class="form-control" type="text"   value="{if isset($data)}{$data.seo_keywords}{/if}">
                    <!--  <span class="help-block m-b-none"><i class="fa fa-info-circle"></i>请输入公司名称</span>-->
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-1 control-label">SEO描述：</label>
                <div class="col-sm-3">
                    <textarea style="height: 100px;" id="seo_description"  class="form-control"  aria-required="true" name="seo_description">{if isset($data)}{$data.seo_description}{/if}</textarea>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-1 control-label">排序：</label>
                <div class="col-sm-1">
                    <input id="sort"  class="form-control" type="text" aria-required="true" aria-invalid="false" class="valid"  name="sort" value="{if isset($data)}{$data.sort}{/if}">
                    <!-- <span class="help-block m-b-none"><i class="fa fa-info-circle"></i> 请输入公司账号</span>-->
                </div>
                <label class="col-sm-1 control-label">阅读量：</label>
                <div class="col-sm-1">
                    <input id="click"  class="form-control" type="text" aria-required="true" aria-invalid="false" class="valid"  name="click" value="{if isset($data)}{$data.click}{/if}">
                    <!-- <span class="help-block m-b-none"><i class="fa fa-info-circle"></i> 请输入公司账号</span>-->
                </div>
                <label class="col-sm-1 control-label">点赞：</label>
                <div class="col-sm-1">
                    <input id="d_zan"  class="form-control" type="text" aria-required="true" aria-invalid="false" class="valid"  name="d_zan" value="{if isset($data)}{$data.d_zan}{/if}">
                    <!-- <span class="help-block m-b-none"><i class="fa fa-info-circle"></i> 请输入公司账号</span>-->
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-1 control-label">内容(PC)：</label>
                <div class="col-sm-3">
                    <script id="content" name="content" type="text/plain" style="width:1000px;height:300px;">{if isset($data)}{$data.content}{/if}
                    </script>
                    <script type="text/javascript">
                    var ue = UE.getEditor('content');
                    </script>
                </div>
            </div>



            <div class="form-group">
                <div class="col-sm-8 col-sm-offset-3">
                    <button class="btn btn-primary" type="submit" >提交</button>
                </div>
            </div>

        </form>
    </div>


</div>
<script src="/static/admin/js/plugins/datapicker/bootstrap-datepicker.js"></script>
<script src="/static/admin/js/plugins/layer/laydate/laydate.js"></script>

<!--script src="/static/admin/layer/layer.css"></script>-->
<script src="/static/admin/layer/layer.js"></script>

<script src="/static/admin/js/plugins/summernote/summernote.js"></script>
<script src="/static/admin/js/plugins/summernote/summernote-zh-CN.js"></script>

<script  type="text/javascript">
    $(function(){
        $('.uploadbtn').click(function(){
            return $('#main_img').click();
        })
    })
    function uploadImg(file, showImg) {
        if (!file.files[0]) {
            return false;
        }
        if (!file.value.match(/.jpg|.gif|.png|.jpeg/i)) {
            layer.msg('您选择的图片格式不正确，请重新选择');
            return false;
        }
        if (file.files[0].size > 1 * 1024 * 1024) {
            layer.msg('您选择的图片不能大于1M，请重新选择！');
            return false;
        }
        var myPhoto = document.getElementById(showImg);
        var reader = new FileReader();
        reader.onload = function (e) {
            var dataURL = e.target.result;
            myPhoto.src = dataURL;
            myPhoto.style.display = 'block';
        };
        reader.readAsDataURL(file.files[0]);
    }

    $(document).ready(function () {
        $('.summernote').summernote({
            lang: 'zh-CN',
            width: 1000,
            height: 300,
            fontNames: ['Arial', 'Arial Black', '楷体', '宋体','黑体','隶书'],
            callbacks:{
             onImageUpload: function(files, editor, $editable) {
                 sendFile(files[0], editor, $editable);

             }
            }
        });
    });

    function sendFile(file, editor, $editable){

        var filename = false;
        try{
            filename = file['name'];
        } catch(e){
            filename = false;
        }
        if(!filename){
            $(".note-alarm").remove();
        }

        console.log(file);
        //以上防止在图片在编辑器内拖拽引发第二次上传导致的提示错误
        data = new FormData();
       //var file = Array.prototype.slice.call(file, 0);
        //var file=Array.apply(null,file);

        console.log(file);
         data.append("file", file);
         //data.append("key",filename); //唯一性参数

        $.ajax({
            data: data,
            type: "POST",
            url: "/admin.php/Works/uploadsImg",
            cache: false,
            contentType: false,
            processData: false,
            dataType : "json",
            success: function(data) {
                if(data.code==1){
                    $('.summernote').summernote('insertImage', data.data, filename);
                }else{
                    alert("上传失败！");
                }
            },
            error:function(){
                alert("上传失败！");
                return;
                //setTimeout(function(){$(".note-alarm").remove();},3000);
            }
        });
    }
    var edit = function () {
        $("#eg").addClass("no-padding");
        $('.click2edit').summernote({
            lang: 'zh-CN',
            focus: true
        });
    };
    var save = function () {
        $("#eg").removeClass("no-padding");
        var aHTML = $('.click2edit').code(); //save HTML If you need(aHTML: array).
        $('.click2edit').destroy();
    };



    $("#duotu-upload").click(function(){
        $("#tab-8").css('display','none');
        $("#tab-9").css('display','block');
    })
    $("#add-works").click(function(){
        $("#tab-8").css('display','block');
        $("#tab-9").css('display','none');
    })
    function subForm(){
        var formobj = document.getElementById('works-form')
        var formData = new FormData(formobj);
        var out_link = $("#out_link").val();
        var hd_time =$("#hd_time").val();
        var main_img = $("#main_img").val();
        var id =$("#id").val();
        if(id =='' && main_img ==''){
            layer.msg('请选择主图');
            return false;
        }
        if(hd_time ==''){
            layer.msg('请填写发布日期');
            return false;
        }
       /* if(out_link !==''){
            var reg=/(http|ftp|https):\/\/[\w\-_]+(\.[\w\-_]+)+([\w\-\.,@?^=%&:/~\+#]*[\w\-\@?^=%&/~\+#])?/;
            if(!reg.test(out_link)){
                layer.msg('请输入正确的外部链接');
                return false;
            }
        }*/

        $.ajax({
            url:"/admin.php/activity/add_article",
            data:formData,
            type:"post",
            dataType:'json',
            processData: false,  // 告诉jQuery不要去处理发送的数据
            contentType: false,   // 告诉jQuery不要去设置Content-Type请求头
            success:function(res){
                if(1==res.code) {
                    layer.msg(res.msg);
                    setTimeout(function(){
                        //window.location.href="/admin.php/activity/index";
                        window.history.go(-1);
                    },1000)
                }else{
                    layer.msg(res.msg);
                    return false;
                }
            },
            error:function(){
                layer.msg('系统错误');
                return false;
            },

        })
        return false;
    }
    function uploadImg(file, showImg) {
        if (!file.files[0]) {
            return false;
        }
        if (!file.value.match(/.jpg|.gif|.png|.jpeg/i)) {
            layer.msg('您选择的图片格式不正确，请重新选择');
            return false;
        }
        if (file.files[0].size > 1 * 1024 * 1024) {
            layer.msg('您选择的图片不能大于1M，请重新选择！');
            return false;
        }
        var myPhoto = document.getElementById(showImg);
        var reader = new FileReader();
        reader.onload = function (e) {
            var dataURL = e.target.result;
            myPhoto.src = dataURL;
            myPhoto.style.display = 'block';
        };
        reader.readAsDataURL(file.files[0]);
    }

</script>
</body>


</html>
